const boxAll = document.querySelectorAll('.box');

window.addEventListener('scroll', checkBox);
function checkBox() {
  const triggerBottom = window.innerHeight / 5 * 4;
  
  boxAll.forEach(box => {
    const boxTop = box.getBoundingClientRect().top;  // 获取元素距离页面顶部的距离
    const boxHeight = box.offsetHeight;  // 获取元素高度
    if (boxTop < triggerBottom) {  // 判断元素是否在可视区域
      box.classList.add('show');
    } else {
      box.classList.remove('show');
    }
  })
}
checkBox(); 
// setInterval(checkBox, 100);
// 定时器 每1000ms 自动滚动页面

function autoScroll() {
    window.scrollTo(0, window.scrollY + 200);
    if (window.scrollY + window.innerHeight >= document.body.offsetHeight) {
      clearInterval(timer);
      window.scrollTo(0, 0);
      // 页面滚动到底部后，清除定时器，回到顶部 再次开启定时器
      timer = setInterval(autoScroll, 1000);
    }
}
let timer = setInterval(autoScroll, 1000)